<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport" />
    <title>倒茶</title>
  </head>
  <body>
    <div id="app"></div>
    <!-- built files will be auto injected -->
    <script type="text/javascript">
      window.onload=function () {
            document.addEventListener('touchstart',function (event) {
                if(event.touches.length>1){
                    event.preventDefault();
                }
            })
            var lastTouchEnd=0;
            document.addEventListener('touchend',function (event) {
                var now=(new Date()).getTime();
                if(now-lastTouchEnd<=300){
                    event.preventDefault();
                }
                lastTouchEnd=now;
            },false)
        }
      </script>
  </body>
</html>
<!-- 跨域：1、jsonp,通告script的src属性发送请求
2、cors后端设置一下参数，前端请求的时候带上cookie或者header
3、代理 后端通过nginx转发地址，前端直接可以跨域了 -->
<!-- 
  浏览器兼容性1、hack技术，IE6，7可以在不识别的属性前加*
  2、不同的浏览器的标签的默认外补丁和内补丁不一样，使用css重置样式
  3、并列的图片有默认间距，使用浮动
  4、ff点击链接时会在元素周围加虚线，给a标签一个outline:none
  移动端兼容性：1、安卓设备看背景图有些会模糊，使用2x图，例如div100*100,背景图就用200*200,background-size:contain;
  2、长时间按住页面会出现闪退，el{touch-callout:none}
  3、某些安卓手机圆角失效，background-clip:padding-box;
 -->